<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <!--css-->
    <link href="/plugins/layui-v2.3.0/layui/css/layui.css" rel="stylesheet"/>
    <link href="/css/common/common.css" rel="stylesheet"/>
    <style>
        .hide {
            display: none !important;
        }
        .width-auto {
            width: auto;
        }
        .row-style {
            margin: 50px;
            font-size: 15px;
            color: rgba(12, 12, 12, 0.4);
        }
    </style>
</head>
<body>
<!--main-->
<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-row row-style">
                <button id="updatePasswd" class="layui-btn layui-btn-radius layui-btn-warm layui-btn-xs" title="修改密码"><i class="layui-icon layui-icon-edit"></i></button>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-md-offset3">
                    <span class="layui-form-label">名称 : </span>
                    <span class="layui-form-label width-auto" id="user_name"></span>
                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-md-offset3">
                    <span class="layui-form-label">邮箱 : </span>
                    <span class="layui-form-label width-auto" id="user_email"></span>
                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-md-offset3">
                    <span class="layui-form-label">手机 : </span>
                    <span class="layui-form-label width-auto" id="user_phone"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<!--updatePasswdForm-->
<div id="update_passwd_form_content" class="form-content" style="display: none;">
    <form class="layui-form" action="return false">
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;">*</span>原密码</label>
            <div class="layui-input-inline">
                <input id="origin_passwd" type="password" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;">*</span>新密码</label>
            <div class="layui-input-inline">
                <input id="new_passwd" type="password" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;">*</span>重复新密码</label>
            <div class="layui-input-inline">
                <input id="new_passwd_repeat" type="password" class="layui-input">
            </div>
        </div>
    </form>
</div>

<!--js-->
<script src="/plugins/jquery/jquery-2.2.4.min.js"></script>
<script src="/plugins/layui/dist/lay/modules/layer.js"></script>
<script src="/plugins/layui-v2.3.0/layui/layui.js"></script>
<script src="/js/common/sinoUtil.js"></script>
<script src="/js/system/userCenter.js"></script>
</body>
</html>